<extend name="./Public/View/Home/Default/MicroShow/tpl/base-tpl.html" />
<block name="symbol_style">
<style>
	#pOMBG821o-an-obj-1 {
		position:absolute;
		-webkit-transform: translate3d(0px, 0px, 0px);
		width: 640px;
		height: 657px;
		top:0; left:0;
	}
	
	#pOMBG821o-an-obj-2 {
		position:absolute;
		-webkit-transform: translate3d(501px, 10px, 0px);
		width: 74px;
		height: 70px;
		top:0; left:0;
		-webkit-animation: ani-pOMBG821o-an-obj-2-0 3s 0s infinite linear both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-2-0 {
		0% {
			-webkit-transform: translate3d(501px, 10px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(501px, 10px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(360deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-3 {
		position:absolute;
		-webkit-transform: translate3d(415px, 87px, 0px);
		width: 55px;
		height: 55px;
		top:0; left:0;
		-webkit-animation: ani-pOMBG821o-an-obj-3-0 3.5s 0s infinite linear both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-3-0 {
		0% {
			-webkit-transform: translate3d(415px, 87px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(415px, 87px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-360deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-4 {
		position:absolute;
		-webkit-transform: translate3d(58px, 294px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(3.3deg);
		width: 33px;
		height: 339px;
		top:0; left:0;
		-webkit-transform-origin: 43.94% 0.74%;
		-webkit-animation: ani-pOMBG821o-an-obj-4-0 1.5088s 0s infinite linear alternate both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-4-0 {
		0% {
			-webkit-transform: translate3d(58px, 294px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(3.3deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(58px, 294px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-0.7999999999999998deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-5 {
		position:absolute;
		-webkit-transform: translate3d(71px, 280px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-3.8deg);
		width: 42px;
		height: 236px;
		top:0; left:0;
		-webkit-transform-origin: 50% 8.05%;
		-webkit-animation: ani-pOMBG821o-an-obj-5-0 1.2719s 0s infinite linear alternate both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-5-0 {
		0% {
			-webkit-transform: translate3d(71px, 280px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-3.8deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(71px, 280px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(2.5deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-6 {
		position:absolute;
		-webkit-transform: translate3d(54px, 259px, 0px);
		width: 57px;
		height: 60px;
		top:0; left:0;
		-webkit-animation: ani-pOMBG821o-an-obj-6-0 3s 0s infinite linear both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-6-0 {
		0% {
			-webkit-transform: translate3d(54px, 259px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(54px, 259px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(360deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-7 {
		position:absolute;
		-webkit-transform: translate3d(190px, 231px, 0px);
		width: 26px;
		height: 61px;
		top:0; left:0;
		-webkit-transform-origin: 65.38% 99.19%;
		-webkit-animation: ani-pOMBG821o-an-obj-7-0 1s 0s infinite linear alternate both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-7-0 {
		0% {
			-webkit-transform: translate3d(190px, 231px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(190px, 231px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(5.9deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-8 {
		position:absolute;
		-webkit-transform: translate3d(157px, 196px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(5.4deg);
		width: 43px;
		height: 96px;
		top:0; left:0;
		-webkit-transform-origin: 47.67% 97.92%;
		-webkit-animation: ani-pOMBG821o-an-obj-8-0 1.4956s 0s infinite linear alternate both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-8-0 {
		0% {
			-webkit-transform: translate3d(157px, 196px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(5.4deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(157px, 196px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-2.6999999999999993deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-9 {
		position:absolute;
		-webkit-transform: translate3d(213px, 241px, 0px);
		width: 32px;
		height: 51px;
		top:0; left:0;
		-webkit-transform-origin: 57.81% 97.06%;
		-webkit-animation: ani-pOMBG821o-an-obj-9-0 1.7982s 0s infinite linear alternate both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-9-0 {
		0% {
			-webkit-transform: translate3d(213px, 241px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(213px, 241px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(7.8deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-10 {
		position:absolute;
		-webkit-transform: translate3d(236px, 214px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-6.3deg);
		width: 39px;
		height: 78px;
		top:0; left:0;
		-webkit-transform-origin: 51.28% 96.79%;
		-webkit-animation: ani-pOMBG821o-an-obj-10-0 1.2982s 0s infinite linear alternate both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-10-0 {
		0% {
			-webkit-transform: translate3d(236px, 214px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-6.3deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(236px, 214px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(5.3999999999999995deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-25 {
		position:absolute;
		-webkit-transform: translate3d(-23px, 4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(33.3deg) scale3d(0.8, 0.8, 1);
		width: 20px;
		height: 18px;
		top:0; left:0;
		-webkit-animation: ani-pOMBG821o-an-obj-25-0 5.022s 0s infinite linear both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-25-0 {
		0% {
			-webkit-transform: translate3d(-23px, 4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(33.3deg) scale3d(0.8, 0.8, 1);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(648px, 274px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(483.3deg) scale3d(0.8, 0.8, 1);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-26 {
		position:absolute;
		-webkit-transform: translate3d(-26px, 26px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-24.9deg);
		width: 20px;
		height: 18px;
		top:0; left:0;
		-webkit-animation: ani-pOMBG821o-an-obj-26-0 5.9895s 1.4396s infinite linear both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-26-0 {
		0% {
			-webkit-transform: translate3d(-26px, 26px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-24.9deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(645px, 296px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(935.1deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-27 {
		position:absolute;
		-webkit-transform: translate3d(-24px, 51px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-90.7deg) scale3d(0.5, 0.5, 1);
		width: 20px;
		height: 18px;
		top:0; left:0;
		-webkit-animation: ani-pOMBG821o-an-obj-27-0 5.3438s 2.8571s infinite linear both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-27-0 {
		0% {
			-webkit-transform: translate3d(-24px, 51px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-90.7deg) scale3d(0.5, 0.5, 1);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(647px, 321px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-720.7deg) scale3d(0.5, 0.5, 1);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-28 {
		position:absolute;
		-webkit-transform: translate3d(-2px, -22px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(87.9deg);
		width: 20px;
		height: 18px;
		top:0; left:0;
		-webkit-animation: ani-pOMBG821o-an-obj-28-0 4.7472s 4.033s infinite linear both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-28-0 {
		0% {
			-webkit-transform: translate3d(-2px, -22px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(87.9deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(669px, 248px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(937.9deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-29 {
		position:absolute;
		-webkit-transform: translate3d(-27px, 75px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-30.1deg);
		width: 20px;
		height: 18px;
		top:0; left:0;
		-webkit-animation: ani-pOMBG821o-an-obj-29-0 5.6374s 5.4505s infinite linear both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-29-0 {
		0% {
			-webkit-transform: translate3d(-27px, 75px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-30.1deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(644px, 345px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-660.1deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-30 {
		position:absolute;
		-webkit-transform: translate3d(-27px, 170px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-30.1deg);
		width: 20px;
		height: 18px;
		top:0; left:0;
		-webkit-animation: ani-pOMBG821o-an-obj-30-0 5.6374s 6.3516s infinite linear both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-30-0 {
		0% {
			-webkit-transform: translate3d(-27px, 170px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-30.1deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(644px, 440px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-660.1deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-31 {
		position:absolute;
		-webkit-transform: translate3d(-23px, 99px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(33.3deg) scale3d(0.6, 0.6, 1);
		width: 20px;
		height: 18px;
		top:0; left:0;
		-webkit-animation: ani-pOMBG821o-an-obj-31-0 5.022s 0.6154s infinite linear both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-31-0 {
		0% {
			-webkit-transform: translate3d(-23px, 99px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(33.3deg) scale3d(0.6, 0.6, 1);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(648px, 369px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(483.3deg) scale3d(0.6, 0.6, 1);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-32 {
		position:absolute;
		-webkit-transform: translate3d(-26px, 121px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-24.9deg);
		width: 20px;
		height: 18px;
		top:0; left:0;
		-webkit-animation: ani-pOMBG821o-an-obj-32-0 5.9896s 2.4176s infinite linear both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-32-0 {
		0% {
			-webkit-transform: translate3d(-26px, 121px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-24.9deg);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(645px, 391px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(935.1deg);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-33 {
		position:absolute;
		-webkit-transform: translate3d(-24px, 146px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-90.7deg) scale3d(0.7, 0.7, 1);
		width: 20px;
		height: 18px;
		top:0; left:0;
		-webkit-animation: ani-pOMBG821o-an-obj-33-0 5.3437s 3.6044s infinite linear both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-33-0 {
		0% {
			-webkit-transform: translate3d(-24px, 146px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-90.7deg) scale3d(0.7, 0.7, 1);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(647px, 416px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-720.7deg) scale3d(0.7, 0.7, 1);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-34 {
		position:absolute;
		-webkit-transform: translate3d(-17px, 62px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(87.9deg) scale3d(0.6, 0.6, 1);
		width: 20px;
		height: 18px;
		top:0; left:0;
		-webkit-animation: ani-pOMBG821o-an-obj-34-0 4.7472s 4.8462s infinite linear both ;
	}
	
	@-webkit-keyframes ani-pOMBG821o-an-obj-34-0 {
		0% {
			-webkit-transform: translate3d(-17px, 62px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(87.9deg) scale3d(0.6, 0.6, 1);
			-webkit-animation-timing-function:linear;
		}
		100% {
			-webkit-transform: translate3d(654px, 332px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(937.9deg) scale3d(0.6, 0.6, 1);
			-webkit-animation-timing-function:linear;
		}
	}
	
	#pOMBG821o-an-obj-6, #pOMBG821o-an-obj-4, #pOMBG821o-an-obj-5  {
		z-index : 1;
	}
	
	div#header {
		overflow: inherit;
	}
	
	div#content {
		margin-top: -53px;
		width: 540px;
		padding-left: 100px;
		background: url(http://res.iweshow.com.cn/weshow/1114/1114_2.jpg) repeat-y center top;
	}
	h1.page-title {color: #faac1f;}
	#page-content p {
		color: #fed10b;
	}
</style>
</block>

<block name="header">
<div id="pOMBG821o-an-obj-1"><div><img  height="657" width="640"  src="http://res.iweshow.com.cn/weshow/1114/beijing.jpg"></div></div>
<div id="pOMBG821o-an-obj-2"><div><img  height="70" width="74"  src="http://res.iweshow.com.cn/weshow/1114/102.png"></div></div>
<div id="pOMBG821o-an-obj-3"><div><img  height="55" width="55"  src="http://res.iweshow.com.cn/weshow/1114/101.png"></div></div>
<div id="pOMBG821o-an-obj-4"><div><img  height="339" width="33"  src="http://res.iweshow.com.cn/weshow/1114/201.png"></div></div>
<div id="pOMBG821o-an-obj-5"><div><img  height="236" width="42"  src="http://res.iweshow.com.cn/weshow/1114/202.png"></div></div>
<div id="pOMBG821o-an-obj-6"><div><img  height="60" width="57"  src="http://res.iweshow.com.cn/weshow/1114/204.png"></div></div>
<div id="pOMBG821o-an-obj-7"><div><img  height="61" width="26"  src="http://res.iweshow.com.cn/weshow/1114/301.png"></div></div>
<div id="pOMBG821o-an-obj-8"><div><img  height="96" width="43"  src="http://res.iweshow.com.cn/weshow/1114/302.png"></div></div>
<div id="pOMBG821o-an-obj-9"><div><img  height="51" width="32"  src="http://res.iweshow.com.cn/weshow/1114/303.png"></div></div>
<div id="pOMBG821o-an-obj-10"><div><img  height="78" width="39"  src="http://res.iweshow.com.cn/weshow/1114/304.png"></div></div>
<div id="pOMBG821o-an-obj-25"><div><img  height="18" width="20"  src="http://res.iweshow.com.cn/weshow/1114/203.png"></div></div>
<div id="pOMBG821o-an-obj-26"><div><img  height="18" width="20"  src="http://res.iweshow.com.cn/weshow/1114/203.png"></div></div>
<div id="pOMBG821o-an-obj-27"><div><img  height="18" width="20"  src="http://res.iweshow.com.cn/weshow/1114/203.png"></div></div>
<div id="pOMBG821o-an-obj-28"><div><img  height="18" width="20"  src="http://res.iweshow.com.cn/weshow/1114/203.png"></div></div>
<div id="pOMBG821o-an-obj-29"><div><img  height="18" width="20"  src="http://res.iweshow.com.cn/weshow/1114/203.png"></div></div>
<div id="pOMBG821o-an-obj-30"><div><img  height="18" width="20"  src="http://res.iweshow.com.cn/weshow/1114/203.png"></div></div>
<div id="pOMBG821o-an-obj-31"><div><img  height="18" width="20"  src="http://res.iweshow.com.cn/weshow/1114/203.png"></div></div>
<div id="pOMBG821o-an-obj-32"><div><img  height="18" width="20"  src="http://res.iweshow.com.cn/weshow/1114/203.png"></div></div>
<div id="pOMBG821o-an-obj-33"><div><img  height="18" width="20"  src="http://res.iweshow.com.cn/weshow/1114/203.png"></div></div>
<div id="pOMBG821o-an-obj-34"><div><img  height="18" width="20"  src="http://res.iweshow.com.cn/weshow/1114/203.png"></div></div>
<div id="container" style="left:0%;top:0%;">
	<div id="leafContainer"></div>
</div>
</block>

<block name="footer">
<link rel="stylesheet" href="__STYLE__/MicroShow/tpl/tpl2/css/leavesGeneral.css" type="text/css" media="screen" charset="utf-8">
<script>
var leafNum = 12;
var kindNum = 4;
var kindurl = new Array("http://res.iweshow.com.cn/weshow/1114/103.png","http://res.iweshow.com.cn/weshow/1114/104.png","http://res.iweshow.com.cn/weshow/1114/105.png","http://res.iweshow.com.cn/weshow/1114/106.png");
function leafinit() {
	$(document).ready(function() {
		document.getElementById("container").style.height = document.body.scrollHeight + "px"
	});
	var container = document.getElementById('leafContainer');
	for (var i = 0; i < leafNum; i++) {
		container.appendChild(createALeaf())
	}
}
function randomInteger(low, high) {
	return low + Math.floor(Math.random() * (high - low))
}
function randomFloat(low, high) {
	return low + Math.random() * (high - low)
}
function pixelValue(value) {
	return value + 'px'
}
function durationValue(value) {
	return value + 's'
}
function createALeaf() {
	var leafDiv = document.createElement('div');
	var image = document.createElement('img');
	var temp = randomInteger(1, kindNum + 1);
	image.src = kindurl[temp - 1];
	leafDiv.style.top = "-100px";
	leafDiv.style.left = pixelValue(randomInteger(0, 500));
	var spinAnimationName = (Math.random() < 0.5) ? 'clockwiseSpin' : 'counterclockwiseSpinAndFlip';
	leafDiv.style.webkitAnimationName = 'fade, drop';
	image.style.webkitAnimationName = spinAnimationName;
	var fadeAndDropDuration = durationValue(randomFloat(5, 11));
	var spinDuration = durationValue(randomFloat(4, 8));
	leafDiv.style.webkitAnimationDuration = fadeAndDropDuration + ', ' + fadeAndDropDuration;
	var leafDelay = durationValue(randomFloat(0, 5));
	leafDiv.style.webkitAnimationDelay = leafDelay + ', ' + leafDelay;
	image.style.webkitAnimationDuration = spinDuration;
	leafDiv.appendChild(image);
	return leafDiv
}
leafinit();
$(function() {
	$(document).click(function() {
		$("#container").css("opacity", $("#container").css("opacity")*1?0:1);
	});
})
</script>
</block>